<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, inital-scale=1">
    <title>登陆界面</title>

    <link rel="stylesheet" href="CSS/login.css">
    <link rel="stylesheet" href="CSS/reset.css">
</head>
<body>
<div class="wrapper">
    <!-- 首部部分  -->
    <div class="top">
        <div class="left">
            <div class="return" onclick="location.href='main.html'">
                <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                    <path fill="currentColor" d="M11.707 5.293a1 1 0 0 1 0 1.414L7.414 11H19a1 1 0 1 1 0 2H7.414l4.293 4.293a1 1 0 0 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414l6-6a1 1 0 0 1 1.414 0"/>
                </svg>
            </div>
            <p>密码登录</p>
        </div>
        <div class="right">短信登陆</div>
    </div>

    <!-- 分割线 -->
    <div class="line"></div>
    
    <div class="img">
        <img class="left" src="bili_icon/bili_login_01.png" alt="">
        <img class="middle" src="bili_icon/bili_logo.png" alt="">
        <img class="right" src="bili_icon/bili_login_02.png" alt="">
    </div>

    <!-- 账号密码部分  -->
    <ul class="login">
        <li>
            <div class="title">账号</div>
            <div class="content">
                <input type="text" placeholder="请输入手机号或邮箱">
            </div>
        </li>
        <li><div class="cut_line"></div></li>
        <li>
            <div class="title">密码</div>
            <div class="content">
                <input type="password" placeholder="请输入密码">
            </div>
            <div class="more">忘记密码？</div>
        </li>
    </ul>

    <!-- 分割线 -->
    <div class="line"></div>

    <!-- 按钮部分 -->
    <div class="button">
        <div class="button_register" onclick="location.href='register.html'">
            注册
        </div>

        <div class="button_login" onclick="location.href='main.html'">
            登录
        </div>
    </div>

    <!-- 底部部分 -->
    <ul class="footer">
        <li class="home" onclick="location.href='main.html'">
            <img src="bili_icon/bili_home_unselected.jpg" alt="">
            <p>首页</p>
        </li>

        <li class="dynamic">
            <img src="bili_icon/bili_dynamic.jpg" alt="">
            <p>动态</p>
        </li>

        <li class="add">
            <p>+</p>
        </li>

        <li class="shopping">
            <img src="bili_icon/bili_shopping.jpg" alt="">
            <p>会员购</p>
        </li>

        <li class="mine" onclick="location.href='mine.html'">
            <img src="bili_icon/bili_mine.jpg" alt="">
            <p>我的</p>
        </li>
    </ul>
</div>
</body>
</html>